.biaoti{
    height: 120px;
    /*决定菜单栏是否在方框最上面*/
    align-items: center;
    justify-content: center;
    background-image:linear-gradient(to right, #da696b, #959595);
    position: relative;
    z-index: 9000;
}
.shellmeun{
    display: flex;
    justify-content: center;

}
.buttonmeun,.portraitmeun{
    background-color: #a3aab4;
    width: 170px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    transition: .3s;
    cursor: pointer;
}
.portraitmeun::before{
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transform: translate(30px,-30px);
    background-image: url('../image/mainpicture/logo.png');
    background-size: cover;
    border: 10px solid #fff;
    background-position: 50% 50%;

}
.informationmeun{
    width: 220px;
    background-color: #e07a5f;
    transform: translate(-20px,-200px);
    border-radius: 10px;
    padding: 20px 0;
    line-height: 0;
    height: 0;
    transition: .3s;
    opacity: 0;


}

.buttonmeun:hover{
    background-color: #d15a39;
}
.buttonmeun li:hover{
    background-color: #ffb29d;
}
.buttonmeun ul li{
    height: 0;
    transition: .2s;
    opacity: 0;
    transform: translateY(-65px);
    background-color: #e07a5f;
    z-index: 9000;

}
.buttonmeun:hover li{
    height: 65px;
    opacity: 1;
    transform: translateY(0);
    z-index: 9000;

}
.portraitmeun:hover .informationmeun{
    opacity: 1;
    line-height: 65px;
    transform: translate(-20px,-10px);
    height: auto;
}
